﻿<%@ page     contentType="text/html;charset=utf-8" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<link rel="stylesheet" href="../main/css/frame.css" />
<link rel="stylesheet" href="../main/css/ydd.css" />
<link rel="stylesheet" href="../main/combojs/assets/css/amazeui.min.css" />
<link rel="stylesheet" href="../main/css/jquery-ui.min.css" />
<link rel="stylesheet" href="../main/combojs/chrometabs/chrome-tabs.css" />
<link rel="stylesheet" href="../main/combojs/gc/gcspread.sheets.excel2013white.9.40.20153.0.css" />
<link rel="stylesheet" href="../main/combojs/jstree/dist/themes/default/style.min.css" />
<link rel="stylesheet" href="../main/combojs/colorpick/spectrum.css" />
<link rel="stylesheet" href="../main/combojs/assets/css/navigatorBar.css" />
<link rel="stylesheet" href="../main/css/worksheet.css" />
<link rel="stylesheet" href="../main/combojs/toastr/toastr.min.css" />
<style type="text/css">
    @font-face {
        font-family: 'icomoon';
        src: url('../main/fonts/icomoon.eot?-gu5be');
        src: url('../main/fonts/icomoon.eot?#iefix-gu5be') format('embedded-opentype'), url('../main/fonts/icomoon.woff?-gu5be') format('woff'), url('../main/fonts/icomoon.ttf?-gu5be') format('truetype'), url('../main/fonts/icomoon.svg?-gu5be#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    html, body {
        font-size: 12px;
        font-family: "Helvetica Neue",Verdana,Tahoma,"Lantinghei SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",sans-serif;
    }

    .am-topbar {
        margin-bottom: 0;
        border: none;
    }

    .sidebar {
        position: absolute;
        width: 200px;
        height: calc(100% - 50px);
        background-color: rgb(234, 236, 238);
        border-right: 1px solid #c4c5c8;
    }

    .screen-content {
        flex: 1;
        display: -webkit-flex;
        display: flex;
        flex-flow: column nowrap;
        flex-direction: column;
    }

    .screen-content .title-bar {
        height: 30px;
        line-height: 30px;
        background: rgba(0,0,0,.1);
        padding: 0 5px 0 10px;
    }

    .screen-content .title-bar .title-bar-drag {
        display: inline-block;
        width: calc(100% - 80px);
        text-align: center;
    }

    .screen-content .title-bar .title-bar-drag > i {
        height: 29px;
        line-height: 30px;
        cursor: row-resize;
        transform: rotate(90deg);
    }

    .screen-content .title-bar .title-bar-drag.ns-resize {
        cursor: row-resize;
        user-select: none;
    }

    .screen-content .title-bar .title-bar-search {
        float: right;
        font-size: 14px;
    }

    .screen-content .title-bar .title-bar-search > i {
        display: inline-block;
        height: 29px;
        line-height: 30px;
        margin-left: 3px;
        cursor: pointer;
    }

    .screen-content .title-bar .title-bar-search > i.ew-resize {
        cursor: col-resize;
        user-select: none;
    }

    .screen-content .title-bar .title-bar-detail {
        float: right;
        margin-right: 5px;
    }

    .screen-content .title-bar .title-bar-detail > i {
        display: inline-block;
        height: 29px;
        line-height: 30px;
        cursor: pointer;
    }

    .screen-content .title-bar .search-input {
        position: relative;
        display: inline-block;
        width: calc(100% - 45px);
    }

    .screen-content .title-bar .search-input.short {
        width: calc(100% - 60px);
    }

    .screen-content .title-bar .search-input.big {
        width: calc(100% - 20px);
    }

    .screen-content .title-bar .search-input input {
        height: 20px;
        line-height: 20px;
        border: none;
        padding: 0 3px;
        width: 100%;
        border-radius: 2px;
    }

    .screen-content .title-bar .search-input input:focus {
        outline: 0;
        box-shadow: none;
    }

    .screen-content .title-bar .search-input > .sicon-close-bg {
        position: absolute;
        right: 2px;
        top: 6px;
        font-size: 18px;
        cursor: pointer;
        color: #666;
    }

    .screen-content .title-bar .search-input > .sicon-close-bg:hover {
        color: #333;
    }

    .chrome-tabs-shell {
        display: none;
        background-color: #FDFDFD;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #ededed));
        background-image: -webkit-linear-gradient(top, #fdfdfd, #ededed);
        background-image: -moz-linear-gradient(top, #fdfdfd, #ededed);
        background-image: -o-linear-gradient(top, #fdfdfd, #ededed);
        background-image: linear-gradient(top, #fdfdfd, #ededed);
        height: 22px;
        padding: 5px 8px;
    }

    .main {
        height: calc(100% - 50px);
        overflow: hidden;
        background: #fdfdfd;
        margin-left: 200px;
    }

    .container {
        min-width: 900px;
        height: 100%;
        background: url(./newLogin_files/resources/images/bg.jpg) no-repeat;
    }

    .jstree-default .jstree-wholerow-clicked {
        background: none;
    }

    .jstree-default .jstree-wholerow-hovered {
        background: #dfdfdf;
    }

    .jstree-wholerow.jstree-wholerow-clicked {
        background-color: #ccc;
    }

    .cube_dimension_tree {
        padding: 0;
    }

    .operators {
        line-height: 24px;
        display: inline-block;
        float: right;
    }

    .operators i {
        font-size: 15px;
        width: 20px;
        text-align: center;
    }

    .operators i:hover {
        background-color: #d7d9dc;
    }

    #markLink {
        height: calc(100% - 85px);
    }

    .group-item ul li:hover {
        background: #EAECEE;
    }

    #business-tooltips {
        padding: 5px;
        outline: none;
        min-width: 120px;
    }

    #business-tooltips button {
        margin-left: 0;
        font-size: 1.125rem;
    }

    .form_packtree.dimension_tree {
        overflow: hidden;
    }

    .nav-icon {
        font-family: icomoon;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .nav-logo-bg {
        position: absolute;
        font-size: 40px;
        padding: 5px;
    }

    .nav-icon.nav-logo-bg:before {
        color: #1bc29d;
        content: "\e91f";
    }

    .nav-logo {
        position: absolute;
        font-size: 26px;
        top: 12px;
        left: 12px;
    }

    .nav-icon.nav-logo:before {
        color: #FFF;
        content: "\e6e3";
    }

    .am-topbar-right {
        margin-right: 18px;
    }

    .nav-user-info {
        cursor: pointer;
        padding: 5px;
        margin-top: 5px;
        font-size: 1rem;
        font-weight: bold;
    }

    .nav-user-info .am-icon-user {
        font-size: 1.2rem;
    }

    .am-dropdown-content {
        min-width: 100px;
    }

    .am-topbar-nav li a > span {
        padding: 5px;
        background-color: #0e90d2;
    }

    .am-modal-dialog {
        border-radius: 5px;
        width: 340px;
    }

    .am-modal-prompt-input, .am-form input[type=password] {
        border: 1px solid #e0e5ee;
        border-radius: 4px;
        border-image-source: initial;
        border-image-slice: initial;
        border-image-width: initial;
        border-image-outset: initial;
        border-image-repeat: initial;
        background-color: #fff;
        box-sizing: border-box;
        -webkit-appearance: none;
        font-size: 14px;
        transition: all .1s;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .am-modal-hd {
        color: #404c5b;
        font-size: 1.5em;
    }

    .am-modal-bd {
        text-align: left;
    }

    .am-modal-footer .am-modal-btn {
        font-size: 1.2rem;
    }

    .am-modal-bd label {
        margin-left: 32px;
        color: #16325c;
    }

    .am-popover-sm {
        font-size: 1.125rem;
    }

    #filter-panel {
        height: calc(100% - 132px);
        width: calc(100% - 200px);
        position: absolute;
        top: 132px;
        background-color: #fff;
        display: none;
        border-top: 1px solid #efefef;
        box-shadow: 0px 0px 3px #787879;
    }

    .filter-menu {
        padding: 15px;
        width: 250px;
        height: 100%;
        float: left;
        background-color: #fff;
        border-right: 2px solid #efefef;
        overflow: auto;
    }

    .filter-menu {
        width: 230px;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .filter-menu > li {
        border-bottom: 1px solid #eeecec;
        padding: 10px 0;
        cursor: pointer;
    }

    .filter-menu > li > label {
        margin-bottom: 0;
        cursor: pointer;
    }

    .filter-menu > li > i {
        cursor: pointer;
        color: #9da1c4;
        padding: 0 3px;
        margin-right: 0;
    }

    .filter-menu > li > ul {
        padding: 0;
        margin: 0;
    }

    .filter-menu > li > ul > li {
        padding: 5px 2px;
    }

    .filter-menu > li > ul > li:hover {
        background-color: #cfeeff;
    }

    .filter-menu .field-name {
        margin-left: 3px;
    }

    .filter-menu .field-name:before {
        content: "\f0da";
        display: inline-block;
        font: normal normal normal 1rem/1 FontAwesome,sans-serif;
        font-size: 18px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        width: 24px;
        text-align: center;
        color: #9da1c4;
    }

    .filter-menu .field-name.show:before {
        content: "\f0d7";
    }

    .filter-menu .user-icon {
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }

    .filter-menu .item.checked:after {
        float: right;
        margin: 0 5px;
        content: "\f00c";
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-text-stroke-width: .22px;
        position: relative;
        font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;
        color: #008ed2;
    }

    .filter-menu .data-list .item:before {
        float: left;
        margin: 3px 14px 0 6px;
        content: "\f111";
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-text-stroke-width: .22px;
        font: normal normal normal 1rem/1 FontAwesome,sans-serif;
        position: relative;
        display: block;
        width: 5px;
        height: 5px;
        color: #eaeff5;
    }

    .filter-menu .custom-date input {
        margin-left: 25px;
        padding: 5px;
    }
    .filter-menu .custom-date input:first-child {
        margin-bottom: 5px;
    }

    .filter-menu .text-input {
        margin-left: 6px;
        padding: 2px;
        outline: none;
        border: 1px solid #ccc;
        width: 80%;
    }

    .filter-menu .radio-item:before {
        float: left;
        margin: 3px 14px 0 6px;
        content: "\f111";
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-text-stroke-width: .22px;
        font: normal normal normal 1rem/1 FontAwesome,sans-serif;
        position: relative;
        display: block;
        width: 5px;
        height: 5px;
        color: #eaeff5;
    }

    .filter-menu .radio-item.checked:after {
        float: right;
        margin: 0 5px;
        content: "\f00c";
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-text-stroke-width: .22px;
        position: relative;
        font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;
        color: #008ed2;
    }

    .filter-menu .btns {
        background-color: rgb(244, 246, 249);
        text-align: center;
        padding-bottom: 0;
    }

    .filter-menu .btns button {
        border: 1px solid rgb(216, 221, 230);
        padding: 0 1.25rem;
        background-color: rgb(255, 255, 255);
        font-weight: 400;
        font-size: 1rem;
        color: rgb(0, 112, 210);
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 2.5rem;
        border-radius: 0.25rem;
        cursor: pointer;
    }

    .filter-menu .btns button:hover {
        background-color: #f4f6f9;
        color: #005fb2;
        text-decoration: none;
    }

    .results {
        float: left;
        width: calc(100% - 230px);
        overflow: scroll;
        padding: 0 5px;
    }

    .results table {
        width: 100%;
    }

    .results table tbody tr:hover {
        background-color: rgb(244, 246, 249);
    }

    .results table tr th {
        text-align: left;
        padding: .65rem .5rem;
        border-bottom: 1px solid rgb(216, 221, 230);
        color: rgb(84, 105, 141);
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1.125rem;
    }

    .results table td {
        padding: .5rem;
        font-size: 1.125rem;
        border-bottom: 1px solid rgb(216, 221, 230);
    }

    .jstree-cell, .list-cell {
        position: absolute;
    }

    .jstree-cell > input, .list-cell > input {
        width: 100%;
    }

    .jstree-cell > .jstree-wrapper, .list-cell > .list-wrapper {
        width: 100%;
        min-height: 200px;
        overflow: auto;
        background-color: #FDFDFD;
        border: 1px solid #A6ABB1;
        box-shadow: 1px 1px 5px #c1c6c7;
        padding: 2px;
    }

    .vue-wrapper {
        width: 100%;
    }

    .vue-wrapper > input {
        width: 100%;
    }

    .vue-wrapper > div {
        width: 100%;
        min-height: 200px;
        overflow: auto;
        background-color: #FDFDFD;
        border: 1px solid #A6ABB1;
        box-shadow: 1px 1px 5px #c1c6c7;
        padding: 2px;
    }

    .vue-wrapper .btns {
        text-align: center;
    }

    .vue-wrapper button {
        padding: 0.5rem;
        background-color: #fff;
        border: 1px solid #d9d9de;
        width: 80px;
        margin: 5px;
    }

    #new-report-data {
        position: absolute;
        top: 50px;
        background: #fff;
        z-index: 100;
        width: calc(100% - 200px);
        height: 100%;
        overflow: auto;
        display: none;
    }

    #new-report-data ul {
        padding: 0;
        margin: 0;
    }

    #new-report-data ul li {
        list-style: none;
        float: left;
        margin: 10px;
        padding: 5px;
    }

    #new-report-data ul li a img {
        width: 360px;
        height: 200px;
        border: 1px solid #ccc;
        box-shadow: 0 0 5px #ccc;
    }

    .toast-top-right {
        top: 48px;
    }
</style>


<script type="text/javascript" src="../main/combojs/jquery.min.js"></script>
<script src="../main/combojs/chrometabs/jquery-ui.min.js"></script>
<script type="text/javascript" src="../main/combojs/gc/gcspread.sheets.all.9.40.20153.0.min.js"></script>
<script type="text/javascript" src="../main/combojs/wrcomm/wrench.js"></script>
<script type="text/javascript" src="../main/combojs/cellplus/cellplus.comm.js"></script>
<script type="text/javascript" src="../main/combojs/cellplus/cellplus_gc.js"></script>
<script type="text/javascript" src="../main/combojs/wrbase.js"></script>
<script type="text/javascript" src="../main/combojs/run.js"></script>
<script type="text/javascript" src="../main/combojs/jstree/dist/jstree.js"></script>
<script type="text/javascript" src="../main/combojs/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="../main/combojs/colorpick/spectrum.js"></script>
<script type="text/javascript" src="../main/combojs/assets/js/vue.min.js"></script>
<script type="text/javascript" src="../main/combojs/toastr/toastr.min.js"></script>
<script>
    $(function () {
        var to = false;
        $('.J-filter-dimension').keyup(function () {
            if (to) { clearTimeout(to); }
            to = setTimeout(function () {
                var v = $('.J-filter-dimension').val();
                $('.cube_dimension_tree.dimension_tree').jstree(true).search(v);
            }, 250);
        });

        $('.J-dimension-search').click(function () {
            if ($(this).parent().prev().hasClass('hideimportant')) {
                $(this).parent().prev().removeClass('hideimportant');
                $(this).parent().prev().find('input').focus();
                $(this).parent().prev().prev().addClass('hideimportant');
            } else {
                $(this).parent().prev().addClass('hideimportant');
                $(this).parent().prev().prev().removeClass('hideimportant');

                $('.J-filter-dimension').val('');
                $('.cube_dimension_tree.dimension_tree').jstree(true).clear_search();
            }
        });

        $('.J-search-clear').click(function () {
            $(this).prev().val('');
            $('.cube_dimension_tree.dimension_tree').jstree(true).clear_search();
        });

        var windowWidth = $(window).width();
        $(".sidebar .ew-resize").bind("mousedown", function (e) {
            var disX = (e || event).clientX;
            document.onmousemove = function (e) {
                if (e.clientX > 200 && e.clientX < 402) {
                    $('.sidebar').width(e.clientX);
                    var newWidth = windowWidth - e.clientX;
                    $('.main').css({ 'width': newWidth, 'margin-left': e.clientX + 1 });
                    var cell = cn.getCurCellPlus();
                    if (cell) {
                        var status = cell.tabStripVisible();
                        cell.tabStripVisible(!status);
                        cell.tabStripVisible(status);
                    }
                }
            };
            document.onmouseup = function () {
                document.onmousemove = null;
                document.onmouseup = null;
            };
            return false
        });

        new Vue({
            el: '#change-pwd',
            data: {
                oldPwd: '',
                newPwd: '',
                confirmNewPwd: ''
            },
            methods: {
                save: function() {
                    if(this.oldPwd == null || this.oldPwd.trim() == '') {
                        alert('请输入原密码.');
                    } else if(this.newPwd == null || this.newPwd.trim() == '') {
                        alert('请输入新密码.');
                    } else if(this.confirmNewPwd == null || this.confirmNewPwd.trim() == '') {
                        alert('请输入确认新密码.');
                    } else if(this.newPwd != this.confirmNewPwd) {
                        alert('两次密码不一致.')
                    } else {
                        var ret = yddser.changePwd("", this.oldPwd, this.newPwd);
                        if ( cm.dataNotOk(ret)){
                            cn.showFailedDlg(ret.msg);
                        }
                        else {
                            this.oldPwd = this.newPwd = "";
                            $('#change-pwd').modal('close');
                        }
                    }
                }
            }
        });
    });

    function changePwd() {
        $('#change-pwd').modal({
            closeOnConfirm: false
        });
    }
</script>
</head>
<body>
    <div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">正在载入...
                <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
            </div>
            <div class="am-modal-bd" style="text-align: center;">
                <span class="am-icon-spinner am-icon-spin"></span>
            </div>
        </div>
    </div>
    <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">提示</div>
            <div class="am-modal-bd">
                Hello world！
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn">确定</span>
            </div>
        </div>
    </div>
    <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert2">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">提示</div>
            <div class="am-modal-bd">
                Hello world！
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="am-modal-btn" data-am-modal-confirm>确定</span>
            </div>
        </div>
    </div>
    <div class="am-modal am-modal-prompt" tabindex="-1" id="my-input">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">Amaze UI</div>
            <div class="am-modal-bd">
                来来来，吐槽点啥吧
                <input type="text" class="am-modal-prompt-input">
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="am-modal-btn" data-am-modal-confirm>提交</span>
            </div>
        </div>
    </div>

    <header class="am-topbar am-topbar-inverse">
        <h1 class="am-topbar-brand">
            <div class="nav-icon nav-logo-bg">
                <div class="nav-icon nav-logo"></div>
            </div>
            <a href="#" style="margin:0 57px 0 50px;font-size: 1.5rem;">系统任务</a>
        </h1>
        <div  class="am-collapse am-topbar-collapse" id="topbar-collapse">
            <%--<ul class="am-nav am-nav-pills am-topbar-nav">--%>
                <%--<li class="am-active">--%>
                    <%--<a href="#"><span>首页</span></a>--%>
                <%--</li>--%>
                <%--<li>--%>
                    <%--<a href="#"><span>项目</span></a>--%>
                <%--</li>--%>
            <%--</ul>--%>

            <div class="am-topbar-right">
                <div class="am-dropdown">
                    <div class="nav-user-info">
                        用户名
                        <span class="am-icon-user"></span>
                    </div>
                    <ul class="am-dropdown-content">
                      <li><a href="javascript:void(0);" onclick="changePwd()">修改密码</a></li>
                      <li><a href="../main/login.jsp">注销</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <div class="sidebar">
        <div class="content side-content">
            <div class="sidebar-main">
                <div class="screen-content">
                    <div class="flex-content-column">
                        <div class="dimensions-box flex">
                            <div class="title-bar">
                                <span class="text"></span>
                                <span class="search-input hideimportant short">
                                    <input type="text" class="J-filter-dimension" placeholder="输入关键词">
                                    <i class="sicon sicon-close-bg J-search-clear"></i>
                                </span>
                                <span class="title-bar-search">
                                    <i class="sicon sicon-detailData J-dimension-detailData hideimportant" title="明细数据"></i>
                                    <i class="sicon sicon-search J-dimension-search" title="筛选维度"></i>
                                    <i class="sicon icomoon-movable ew-resize" title="左右拖动"></i>
                                </span>
                            </div>
                            <div class="cube_dimension_tree dimension_tree">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="main">
        <div class="container">
            <div class="chrome-tabs-shell" id="chrome-tabs-shell-panel">
                <div class="chrome-tabs">
                </div>
                <div class="chrome-shell-bottom-bar"></div>
            </div>
            <div class="workspace_toolbar" id="workspace_toolbar_panel" style="display: none;">
                <div class="toolbar-tab-content">
                    <div class="group-item">
                        <ul>
                            <li><a><span class="sicon icomoon-new-worksheet" v-on:click="newFormData" data-am-popover="{theme: 'bb sm',content:'新建表单数据', trigger: 'hover focus'}"></span></a></li>
                            <li><a><span class="sicon sicon-report-save" v-on:click="saveFormData" data-am-popover="{theme: 'bb sm',content:'保存数据到服务器', trigger: 'hover focus'}"></span></a></li>
                            <li><a><span class="sicon icon-saveasnew" v-on:click="saveFormDataAsNew" data-am-popover="{theme: 'bb sm',content:'保存为新数据到服务器', trigger: 'hover focus'}"></span></a></li>
                            <li id="J-subtable-drop" class="parent am-dropdown" data-am-dropdown data-type="sub-table">
                                <a class="am-dropdown-toggle" id="J-subtalbe-toggle" data-am-popover="{theme: 'bb sm',content:'子表设置', trigger: 'hover focus'}" style="width: 35px;">
                                    <span class="sicon sicon-chart-swap"></span>
                                    <span class="am-icon-caret-down"></span>
                                </a>
                                <ul class="am-dropdown-content" style="margin-top: 10px;">
                                    <li data-param="tahoma" v-on:click="insertSubItem"><a data-type="item">插入子表项</a></li>
                                    <li data-param="Arial" v-on:click="deleteSubItem"><a data-type="item">删除子表项</a></li>
                                </ul>
                            </li>
                            <li id="J-finddata-drop" class="am-dropdown dropdown-mouse-class dropdown-finddata" data-am-dropdown>
                                <a class="am-dropdown-toggle"><span class="sicon icomoon-suspend am-dropdown" data-am-popover="{theme: 'bb sm',content:'最近输入数据', trigger: 'hover focus'}"></span><span class="am-icon-caret-down"></span></a>
                                <div class="am-dropdown-content" style="width: 500px;">
                                    <div id="users-table">
                                        <div class="am-form-group">
                                            <label class="am-radio-inline">
                                                <input type="radio" name="radio10" v-on:click="getData(3)" value="3" data-am-ucheck v-model="quickDateNum"> 3日内
                                            </label>
                                            <label class="am-radio-inline">
                                                <input type="radio" name="radio10" v-on:click="getData(7)" value="7" data-am-ucheck v-model="quickDateNum"> 7日内
                                            </label>
                                            <label class="am-radio-inline">
                                                <input type="radio" name="radio10" v-on:click="getData(30)" value="30" data-am-ucheck v-model="quickDateNum"> 30日内
                                            </label>
                                        </div>
                                        <table class="am-table">
                                            <thead>
                                                <tr>
                                                    <th v-for="key in gridColumns">
                                                        {{key.label | capitalize}}
                                                    </th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr v-for="entry in gridData">
                                                    <td v-for="key in gridColumns">
                                                        <span>{{entry[key.name]}}</span>
                                                    </td>
                                                    <td>
                                                        <a href="#" class="operation" v-on:click="open(entry)">打开</a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </li>
                            <li><a id="filter-reports"><span class="sicon sicon-custom-filter"  data-am-popover="{theme: 'bb sm',content:'自定义查找数据', trigger: 'hover focus'}"></span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="markLink"></div>
            <div id="filter-panel">
                <ul class="filter-menu">
                    <li v-for="f in tabData.fields">
                        <div v-on:click="toggle(f)" v-bind:class="f.show ? 'field-name show' : 'field-name'">
                            <strong>{{f.fieldNameEx}}</strong>
                        </div>
                        <ul v-if="f.show && (f.fieldTypeEx == 'user-list' || f.fieldTypeEx == 'multi-list')" v-bind:class="f.fieldTypeEx == 'multi-list' ? 'data-list' : ''">
                           <li v-for="opt in f.options" v-bind:class="opt.checked ? 'item checked' : 'item'" v-on:click="selectOption(f, opt, true)">
                                <img v-bind:src="opt.icon" class="user-icon" v-if="f.fieldTypeEx == 'user-list'" />
                                <span>{{opt.name}}</span>
                           </li>
                        </ul>
                        <ul v-if="f.show && (f.fieldTypeEx == 'date' || f.fieldTypeEx == 'list')" class="data-list">
                            <li v-for="opt in f.options" v-bind:class="opt.checked ? 'item checked' : 'item'" v-on:click="selectOption(f, opt, false)">
                                <span>{{opt.name}}</span>
                           </li>
                           <li class="custom-date" v-if="f.fieldTypeEx == 'date'">
                               <input type="text" name="" placeholder="YYYY-MM-DD" v-model="f.startDate" v-on:focus="showStartDatePicker(f)" />
                               <span>至</span>
                               <input type="text" name="" placeholder="YYYY-MM-DD" v-model="f.endDate" v-on:focus="showEndDatePicker(f)" />
                           </li>
                        </ul>
                        <ul v-if="f.show && f.fieldTypeEx == 'text'">
                            <li>
                                <input type="text" name="" v-model="f.value" class="text-input" v-on:keyup.enter="filterField(f)" />
                            </li>
                            <li v-bind:class="f.filled ? 'radio-item checked' : 'radio-item'" v-on:click="toggleFilled(f)">
                                已填写
                            </li>
                            <li v-bind:class="f.notfilled ? 'radio-item checked' : 'radio-item'" v-on:click="toggleNotFilled(f)">
                                未填写
                            </li>
                        </ul>
                    </li>
                    <li class="btns">
                        <button v-on:click="cancel();">取消</button>
                        <button v-on:click="save();" style="margin-left: 12px;">保存</button>
                    </li>
                </ul>
                <div class="results">
                    <table>
                        <thead>
                            <tr>
                               <th v-for="h in tabData.fields">{{h.fieldNameEx}}</th>
                               <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="item in tabData.result.items">
                                <template v-for="h in tabData.fields">
                                <td v-text="item[h.fieldNameEx]"></td>
                            </template>
                            <td>
                                <a href="javascript:void(0);" v-on:click="open(item);">Open</a>
                            </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div id="new-report-data">
                <div class="am-icon-close" style="position: absolute;right: 20px;font-size: 2rem;cursor: pointer;" v-on:click="closeTemplate();"></div>
                <ul>
                    <li v-for="img in imgs">
                        <a href="javascript:void(0);" v-on:click="openTemplate(img.oid)">
                            <img v-bind:src="img.tmplImage" />
                        </a>
                        <br/>
                        <label v-text="img.tmplName"></label><br/>
                        <span v-text="img.tmplDesc"></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="am-dropdown-content" id="business-tooltips" ishover="false">
        <div v-if="showBtns">
            <button class="am-btn am-btn-block" v-on:click="editName()">修改名称</button>
            <button class="am-btn am-btn-block" v-if="isPackage" v-on:click="addReport()">增加表单</button>
            <button class="am-btn am-btn-block" v-else v-on:click.native="newReportData()">新建表单数据</button>
            <button class="am-btn am-btn-block am-btn-danger" v-on:click="delete()">删除</button>
        </div>
        <div v-else>
            <input type="text" class="am-form-field" style="margin-bottom: 5px;font-size: 1.125rem;" placeholder="{{placeHolder}}" v-model="btName">
            <div class="am-cf">
                <button class="am-btn am-fl" v-on:click="save()">确定</button>
                <button class="am-btn am-fr" v-on:click="cancel()">取消</button>
            </div>
        </div>
    </div>

    <div class="am-modal" tabindex="-1" id="change-pwd">
      <div class="am-modal-dialog">
        <div class="am-modal-hd">修改密码</div>
        <div class="am-modal-bd">
            <label><span style="color:red;">*</span>原密码: </label>
            <input type="password" class="am-modal-prompt-input" v-model="oldPwd" />
            <label>新密码: </label>
            <input type="password" class="am-modal-prompt-input" v-model="newPwd" />
            <label>确认新密码: </label>
            <input type="password" class="am-modal-prompt-input" v-model="confirmNewPwd" />
        </div>
        <div class="am-modal-footer">
          <span class="am-modal-btn">取消</span>
          <span class="am-modal-btn" v-on:click="save()" data-am-modal-confirm>保存</span>
        </div>
      </div>
    </div>

    <script src="./combojs/chrometabs/chrome-tabs.js"></script>

</body>
</html>